<template>
	<view class="update-log-item" :class="{active:checked}">
		<view class="head">
			<view class="head-title">{{detail.title}}</view>
			<view class="head-time">{{detail.createTime}}</view>
		</view>
		<view class="content">
			<text>{{detail.content}}</text>
		</view>
	</view>
</template>

<script>
export default {
	props:{
		detail:{
			type:Object,
			default:()=>{}
		},
		checked:{
			type:Boolean,
			default:false
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.update-log-item {
	padding: 24rpx;
	background-color: #ffffff;
	margin-bottom: 24rpx;
	border-radius: 16rpx;
	color: #8d8d8d;
	.head {
		padding: 16rpx 0 32rpx 0;
		border-bottom: 2px solid #f6f7fa;
		display: flex;
		justify-content: space-between;
		.head-title {
			
			line-height: 32rpx;
			font-size: 32rpx;
			font-weight: bold;
		}
		.head-time {
			color: #8d8d8d;
			line-height: 28rpx;
			font-size: 28rpx;
		}
	}

	.content {
		padding: 32rpx 0;
		line-height: 40rpx;
		font-size: 28rpx;
	}
}
.active{
	color: #333333;
}
</style>
